/*样式初始化及公用样式*/
*{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box;box-sizing: border-box;margin:0;padding:0;}
*, *::before, *::after{transition: all .3s ease-in-out;}
body{font-family: "微软雅黑",Helvetica,Arial,sans-serif;font-size: 14px;color:#333;}
li{list-style: none;}
img{border: none;vertical-align:middle;height: auto; max-width:100%;}
input{outline: 0;border: none;}
a{text-decoration:none;cursor:pointer;color:#333;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{display: block;content: " ";height: 0;line-height: 0;visibility: hidden;clear: both;}
.clear{clear:both}
.clearfix{zoom:1;}
.container{width:95%;margin: 0 auto;overflow: hidden;}
.pcshow{display:block}
.mobileshow{display:none;}
.bg-opcity{background-color:rgba(0,0,0,0.1);}
.fuli .container{    display: flex;
    width: 1200px;
    justify-content: space-between;
    align-items: center;
}
.fuli{
    padding-top: 50px;}

/*header*/
.header{background: #eeeeee;position: fixed;left: 0;top: 0;width: 100%;z-index: 9999999999999;}
.header .container{padding-left: 10%}
.header .nav,.header h1{float: left;width: 30%;}
.header .nav a{float: left;width: 33.33333%;height: 100px;line-height: 100px;text-align: center;color: #393939; font-size:18px;}
.header h1 a img{margin: 0 auto;display: block;}
.language{width: 10%;float: right;text-align: right;line-height:initial;}
.newheader{overflow:hidden;  z-index:999; padding:0 5%; background-color:#fff;}
.newheader a{display:block; float:left; width:11.111%; line-height:70px; text-align:center; font-size:16px; color:#333; padding:5px 0;}
.newheader a:hover{font-size:18px;}
.newheader .logo img{max-height:100%;}
.newheader .languages{position:absolute; right:0; width:5%}
.bg-opcity .newheader{background-color:rgba(0,0,0,0.1); position:absolute; left:0;right:0;}
.bg-opcity .newheader a{ color:#fff;}
.bg-opcity .newheader .languages{background:none}

/*footer*/
.footer {overflow: hidden; background: #252525}
.footer .container{width: 90%;}
.footer .box{padding:30px 0 0px;}
.footer .left,.footer .right{float: left;}
.footer .right{float: right;width:45%}
.footer .left{width: 55%;}
.footer .left ul li{width:100%; overflow:hidden}
.footer .left ul li h2{color: #fff;font-size: 14px;line-height: 36px;}
.footer .left ul li .line{width: 50px;height: 1px;background: #ffffff;   display:none;}
.footer .left ul li .link{float:left; overflow:hidden}
.footer .left ul li .link a{color: #bbb;line-height: 36px; display:block; float:left; margin-left:15px; max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.footer .left ul li .link div{float: left;}
.footer .left ul li .link .other{margin-left: 10px;}
.footer .right{line-height: 28px;color: #fff}
.footer .right p{color:#d8d8d8}
.copyright{height: 60px;line-height: 60px;text-align: right;color: #bbb; margin-top:10px; font-size:12px;    border-top: 1px solid #696969;}
.copyright a{color: #bbb; margin-left:25px;}
.copyright a:hover{color: #fff}

.banner{overflow:hidden; margin-top:10px;}
.banner img{width: 100%;}
.banner .mobile{display: none;}


/*新版首页*/
.indexbanner{}
.indexbanner .owl-carousel{width:100%;}
.indexbanner .owl-carousel .owl-controls{width: 15px;text-align: center;position: absolute;z-index: 20;right:3%; bottom:50%;}
.indexbanner .owl-carousel .owl-controls .owl-nav{display:none;}
.indexbanner .owl-carousel .owl-controls .owl-dots .owl-dot{display: inline-block;width: 15px;height: 15px;background: none;overflow: hidden;margin-top:12px;cursor: pointer; border:2px solid #fff; border-radius:10px;}
.indexbanner .owl-carousel .owl-controls .owl-dots .active{background-color:#fff;}
.indexcon{width:100%;overflow:hidden}
.indexcon .colum1{width:50%;overflow:hidden; float:left;}
.indexcon .colum2{width:25%;overflow:hidden; float:left;}
.indexcon .colum3{width:25%;overflow:hidden; float:left;}
.indexcon .inews{width:50%; float:left; padding:3% 3% 3% 5%;}
.indexcon .inews .list{margin-top:10px; overflow:hidden;}
.indexcon .inews .newsmore img{width:12%;margin-top:15px; margin-right:5px;}
.indexcon .inews .list a{line-height:30px; display:block; width:100%;}
.indexcon .inews .list p{width:75%; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.indexcon .inews .list span{width:20%; float:right; display:block; text-align:right;}
.indexcon .iimgnews{width:50%; float:right;}
.indexcon .iimgnews .item{ display:block; overflow:hidden;}
.indexcon .iimgnews .item p{position:absolute;bottom:6%;left:5%; color:#fff; width:60%; padding:5px; background-color:rgba(0,0,0,.6)}
.indexcon .t1{color:#d80b00;}
.indexcon .t2{color:#d80b00; font-size:20px; font-weight:normal;}
.indexcon .owl-carousel{width:100%;}
.indexcon .owl-carousel .owl-controls{position: absolute;right: 5%;z-index: 20;bottom:6%;}
.indexcon .owl-carousel .owl-controls .owl-nav{display:none;}
.indexcon .owl-carousel .owl-controls .owl-dots .owl-dot{display: inline-block;width: 12px;height: 12px;background:none;overflow: hidden;margin: 0 5px;cursor: pointer;border: 1px solid #fff;border-radius:10px;}
.indexcon .owl-carousel .owl-controls .owl-dots .active{background-color:#fff;}
.indexcon .iproducts{width:100%; position:relative;}
.indexcon .iproducts .bgimg{width:100%;}
.indexcon .iproducts .ccon{padding:3% 3% 3% 5%; position:absolute; margin-top:50px}
.indexcon .iproducts .list{margin-top:10px; overflow:hidden;       display:none}
.indexcon .iproducts .list a{line-height:30px; display:block; width:100%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff;}
.indexcon .iproducts .productmore img{width:6%; position:absolute; bottom:40%; left:5%;}
.indexcon .intro{padding:6% 10%;}
.indexcon .intro .item{border-bottom:1px solid #ddd; padding:5%; padding-left:85px; margin-top:8%; display:block}
.indexcon .intro .item .p1{font-size:16px; line-height:36px;}
.indexcon .intro .item .p2{color:#bbb}
.indexcon .intro .item1{background:url(../images/introduce_1.png) no-repeat 10px center; background-size:60px 60px;}
.indexcon .intro .item2{background:url(../images/introduce_2.png) no-repeat 10px center; background-size:60px 60px;}
.indexcon .intro .item3{background:url(../images/introduce_3.png) no-repeat 10px center; background-size:60px 60px;}
.indexcon .intro .item4{background:url(../images/introduce_4.png) no-repeat 10px center; background-size:60px 60px;}
.indexcon .ibox{width:100%; }
.indexcon .ibox img{width:100%; }


/*应用领域*/
.applicationssss{overflow:hidden; padding-bottom:120px;}
.applicationssss .con{overflow:hidden}
.applicationssss .con .imgbox{width:50%; background-color:#cdcdcd; }
.applicationssss .con .infobox{width:50%; padding-left:5%;}
.applicationssss .con .items{overflow:hidden; margin-top:65px;}
.applicationssss .con .items .infobox .title{font-size:38px; color:#1b8fda; display:block; margin-top:45px; }
.applicationssss .con .items .infobox .subtitle{font-size:28px; font-weight:bold;display:block; color:#333333}
.applicationssss .con .items .infobox .subtitle:hover{color:#555555}
.applicationssss .con .items .infobox .summary{font-size:18px;float: left; width:450px; line-height:28px; color:#808080; overflow:hidden; margin-bottom:45px; margin-top:5px;}
.applicationssss .con .items .infobox .more{font-size:18px; color:#1b8fda; clear:both }

/*关于我们*/
.company{overflow:hidden;}
.company .part1{ margin-top:100px; position:relative;}
.company .part1 .left{float: left;width: 45%;}
.company .part1 .left h2{font-size:24px; position:relative;}
.company .part1 .left h2::after{content:""; width:18px; height:18px; background-color:#f3281c; display:block; margin:40px 0px; }
.company .part1 .left .year{font-size:24px; color:#999999; font-weight:bold;}
.company .part1 .left .summary{font-size:15px; line-height:26px; margin-top:15px;}
.company .part1 .left .scale{font-size:16px; color:#999999; font-weight:bold; margin-top:60px;}
.company .part1 .left .survey{overflow:hidden; margin-top:80px;}
.company .part1 .left .survey a{display:block; float:left; width:33.33%}
.company .part1 .left .survey a span{display:block; width:100%; color:#999999} 
.company .part1 .left .survey a span.red{color:#f3281c; font-size:30px; font-weight:bold;}
.company .part1 .bbg{position:absolute; right:-10%; bottom:0px; width:40%;}
.company .part1 .video{position:absolute; right:0; bottom:10%; width:40%;}
.company .part2 {overflow:hidden; width:90%; margin:auto; background:/*url(/upload/images/2020/7/d7d99db47d2a6f6f.JPG)*/ no-repeat center left; background- size:contain;  margin: 78px;}
.part2-backimg{width:43% !important; float:left; }
.company .part2 .pcon{width:55%; float:right; }
.company .part2 .pcon h2{font-size:20px; position:relative;}
.company .part2 .pcon h2::after{content:""; width:18px; height:18px; background-color:#f3281c; display:block; margin:20px 0px 40px; }
.company .part2 .pcon p{line-height:24px; font-size:15px;}
.company .part3{ margin:50px 0px; position:relative;}
.company .part3 .left{float: left;width: 45%;}
.company .part3 .left h2{font-size:20px; position:relative; color:#999999; border-bottom:1px solid #ddd;height: 35px; margin-bottom:80px}
.company .part3 .left h2::after{content:""; width:18px; height:18px; background-color:#f3281c; display:block; margin:30px 0px 60px; }
.company .part3 .left .summary{font-size:15px; line-height:26px; margin-top:15px;}
.company .part3 .bbg{position:absolute; right:-10%; bottom:0px; width:50%;}
.company .part4{overflow:hidden; }
.company .part4 .history{background:url(/upload/images/2020/4/bef8cc56d9e03b7c.png) no-repeat center center; width:100%; height:623px; position:relative}
.company .part4 .history .timeline{position:absolute; left:0px; right:0px; bottom:10px}
.company .part4 .history .timeline a.years{display:block; float:left; width:7.142%; /*border:1px solid white;*/ text-align:center; font-size:18px; color:#fff; position:relative}
.company .part4 .history .timeline a.yearsnull{display:block; float:left; width:7.142%; /*border:1px solid white;*/ text-align:center; font-size:18px; color:#fff; position:relative}
.company .part4 .history .timeline a img{max-width:50%; margin:auto;margin-top: -50px; display:none}
.company .part4 .history .timeline a:hover img{display:block}
.company .part5{ margin-top:0; width:100%; height:auto; background:url(/upload/images/2020/11/9812addf900f32b8.png) no-repeat top center; background-size:cover}
.company .part5 .item{background-color:#fff; float:left; width:90%; margin:25% 5%; padding:0; }
.company .part5 .item{-moz-box-shadow: 0px 0px 20px #000;-webkit-box-shadow: 0px 0px 20px #000;-o-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000;-webkit-transition: all linear .2s;transition: all linear .2s;z-index: 10;-webkit-transform: scale(1.02);-moz-transform: scale(1.02);transform: scale(1.02);}
.company .part5 .item p{padding:5% 4%; font-size:14px; line-height:120%; text-align:center}
.company .part5 .item img{width:100%;}
.company .part5 .imghover:hover{-moz-box-shadow: 0 0 10px #bbb;-webkit-box-shadow: 0 0 10px #BBB;-o-box-shadow: 0 0 10px #bbb;box-shadow: 0 0 10px #BBB;-webkit-transition: all linear .2s;transition: all linear .2s;z-index: 10;-webkit-transform: scale(1.02);-moz-transform: scale(1.02);transform: scale(1.02);}
.company .part5 .owl-carousel{width:100%; margin:auto}
.company .part5 .owl-carousel .owl-prev,
.company .owl-carousel .owl-next{position: absolute; width: 64px;top: 38%;z-index: 9;font: 700 96px 'simsun';opacity: 0.1; color: #fff;cursor: pointer;}
.company .part5 .owl-carousel .owl-prev{float: left; left: -40px;}
.company .part5 .owl-carousel .owl-next{float: right;right: -50px;}
.company .part5 .owl-carousel:hover .owl-prev,
.company .part5 .owl-carousel:hover .owl-next{opacity:1;-webkit-transition: all linear .2s;transition: all linear .2s;}


/*加入我们*/
.join{overflow:hidden; padding-bottom:130px}
.join .parttit{overflow:hidden; font-size:42px; font-weight:bold; text-align:center; padding:20px 0px 30px;}
.join .imghover:hover{-moz-box-shadow: 0 0 10px #bbb;-webkit-box-shadow: 0 0 10px #BBB;-o-box-shadow: 0 0 10px #bbb;box-shadow: 0 0 10px #BBB;-webkit-transition: all linear .4s;transition: all linear .4s;z-index: 10;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.join .newbox{overflow:hidden; position:relative; width:1120px; margin:35px auto;}
.join .newbox a{display:block; overflow:hidden; position:absolute; left:0px; right:0px; bottom:0px; overflow:hidden; /*background:url(../images/opcity.png,).url(../images/arrow_right.png);*/     background: url(../images/opcity.png) center,url(../images/arrow_right.png) no-repeat 1040px center; padding:20px 45px}
.join .newbox a h2{font-size:28px; color:#333 }
.join .newbox a p{font-size:16px; color:#333; margin-top:8px; }
.join .culture{width:1120px; margin:20px auto;}
.join .culture .main_surrfl{margin-left:0px;}
.join .main_surrfl p{line-height:40px;}
.join .main_surrfl p::before {content: ""; position: absolute;width: 8px;height: 8px;left: 0;top: 17px;background: #1b8fda;border-radius: 100%;}
.join .photos{position:relative; overflow:hidden; margin-top:60px;  width:1200px;}
.join .photos .mask{position:absolute; width:100%; top:210px;}
.join .photos .mask .p1{font-size:54px; color:#fff; text-align:center}
.join .photos .mask .p2{font-size:38px; color:#fff; text-align:center; margin-top:10px;}
.join .photos .owl-carousel{}
.join .photos .owl-carousel .owl-nav{display:none}
.join .photos .owl-carousel .owl-dots{position: absolute; bottom: 30px; left:49%; margin-left:-47px; width:auto;  }
.join .photos .owl-carousel .owl-dots .owl-dot{display:block; margin:0px 7px; float:left; width:12px; height:12px; border-radius:50%; -webkit-border-radius:50%;background-color: #fff;}
.join .photos .owl-carousel .owl-dots .active{width:35px; border-radius:10px;}

.join .zhaopin{overflow:hidden; margin-top:80px; width:1200px;}
.join .zhaopin .box{width:600px;overflow:hidden; float:left}
.join .zhaopin .box .top{overflow:hidden; clear:both; margin-bottom:20px;}
.join .zhaopin .box .top img{float:left}
.join .zhaopin .box .top span{font-size:24px; font-weight:bold; color:#333333; padding:20px 0px 0px 20px; float:left}
.join .zhaopin .box .list p{display:block; cursor:pointer; font-size:18px; height:40px; line-height:40px; background:url(../images/dot2.png) no-repeat left center; padding-left:22px; margin-left:5px;}
.join .applybox {width:48%; margin:auto; padding:3% 2% 5%;  overflow:hidden; background-color:#d6d6d6;margin-top: 50px;}
.join .applybox p{overflow:hidden; background-color:#fff; width:90%; margin:30px auto 10px; padding-left:2%}
.join .applybox p b{color:red; padding-left:5px;}
.join .applybox p input{border:none; height:35px; text-indent:15px; width:80%}
.join .applybox textarea{padding:2%; width:90%;height:100px;margin:1%;}
.join .applybox .submitBtn{display:none; float:right; width:40%; margin-right:4%; margin-top:40px; height:40px; text-align:center; color:#fff; line-height:40px; font-weight:bold; background-color:#0093dd}
.join .applybox .close{font-size:32px; float:right;margin-top: -30px; margin-right:2%;}

.join .applybox .close:after {content:"";display:table;/* 触发BFC，BFC清除浮动 */}
.join .applybox .close:after {clear:both;}
/* for ie6/7 */
.join .applybox .close{*zoom:1;}
.join .applybox p {overflow: hidden;background-color: #fff;width: 46%;/* margin: 10px auto 10px; *//* padding-left: 1%; *//* text-indent: 1%; */float: left;margin-top: 10px;margin-right: 1%;padding:0;text-indent: 0;}
.join .applybox p span:nth-child(1){width: 25%;text-align: center;display: inline-block;line-height: 35px;background: #1b8fda;color: #fff;}
.join .applybox p input {border: none;height: 35px;text-indent: 15px;width: 65%;vertical-align: baseline;}
.join .applybox p span:nth-child(2){width: 1%;background: #222;}
.join .applybox p.other{width: 93%;margin-right: 0;}
.join .applybox .positionProfile{padding:2% 0 5%}
.join .applybox .positionProfile p{float: none;width: 100%;background: #d6d6d6;margin-right: 0;}
.join .applybox h2{height: 35px;line-height: 35px;background: #1b8fda;text-align: center;color: #fff; font-size:16px; font-weight:normal; width:20%}
.join .job_contact{padding-top:20px;}
.join .job_contact h3{height: 35px;line-height: 35px; font-weight:normal; }
.mmp .show-regin span.curr{font-weight:bold;color:red}
 .wh {
    overflow: hidden;
    padding: 5% 0;
}
 .mktitle {
    text-align: center;
    padding-bottom: 3%;
}
.mktitle {
    color: #ffffff;
}
.mktitle .cn {
    font-size: 42px;
    margin-bottom: 25px;
    color: #333;
    font-weight: bold;
}
 .mktitle {
    text-align: center;
    padding-bottom: 3%;
}
.mktitle .en {
    font-size: 24px;
    color: #fe6601;
    letter-spacing: 2px;
}
 .wrap {
    overflow: hidden;
    width: 1200px;
    margin: auto;
}
.wrap {
    max-width: 1600px;
    min-width: 1200px;
    width: 90%;
    margin: 0 auto;
}
 .wh .item {
    float: left;
    width: 15.625%;
    margin-left: .89%;
    position: relative;
}
 .wh .item div {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}
 .wh .item img {
    display: block;
    width: 100%;
}
 .wh .item .dbox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}
 .wh .item:hover .dbox {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    background-color: rgba(255, 102, 0,0.6);
}
 .wh .item .dbox .txt {
    height: 19%;
    background-color: rgba(0,0,0,0.6);
    text-align: center;
    overflow: hidden;
    width: 80%;
    margin: 55% auto 0;
    overflow: hidden;
    border: 1px solid #fff;
}
 .wh .item:hover .dbox .txt {
    height: 90%;
    margin-top: 6%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
 .wh .item:hover .dbox .txt .dtt {
    margin-top: 45%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
 .wh .item:hover .dbox .txt .xian {
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
 .wh .item:hover .dbox .txt .dct {
    opacity: 1;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
 .wh .item .dbox .txt .dtt {
    color: #fff;
    font-size: 16px;
    margin-top: 8%;
}
 .wh .item .dbox .txt .xian {
    width: 30px;
    height: 1px;
    margin: 10px auto;
    background: #fff;
}
 .wh .item .dbox .txt .dct {
    padding-top: 10px;
    color: #fff;
    font-size: 12px;
    line-height: 24px;
    opacity: 0;
}












/*最低1200px;*/
@media screen and (min-width: 1200px) {
}

/*最大1200px时*/
@media screen and (max-width: 1200px) {
    
}



/*首页banner*/
.Mobilebanner{display: none;}
.index-banner{width: 100%;height:auto;position:relative;margin-top:100px;}
.index-banner .item{width:100%; overflow:hidden}
.index-banner .item img{width:100%}
.index-banner .owl-carousel{width:100%;}
.index-banner .owl-carousel .owl-controls{width: 100%;text-align: center;position: absolute;left: 0;z-index: 20;bottom:20px;}
.index-banner .owl-carousel .owl-controls .owl-nav{display:none;}
.index-banner .owl-carousel .owl-controls .owl-dots .owl-dot{display: inline-block;width: 50px;height: 3px;background: #fff;overflow: hidden;margin: 0 5px;cursor: pointer;}
.index-banner .owl-carousel .owl-controls .owl-dots .active{background-color:#00837a;}
.index-banner .item img.bg{width:100%;}
.index-banner .item img.text{position:absolute; left:18%; bottom:18%; width:33%;}

/*首页-产品中心*/
.index-pro{background: #f6f6f6;padding-bottom:35px;}
.index-pro .top{height: 100px;background: #f2f1f0;line-height: 100px;}
.index-pro .top h2{font-size:28px;font-weight: 500;}
.index-pro .box{}
.index-pro .box{width: 95%;margin:0 auto;}
.index-pro .box .swiper-slide{background-color:#fff;padding:1% 2%;}
.index-pro .box .swiper-slide h2{color:#393939;font-weight: 500;font-size: 16px;}
.index-pro .box .swiper-slide img{width:90%; float:right}
.index-pro .newbox{position:relative; width:100%;} 
.index-pro .newbox:before{ position: absolute; left: 0;top: 94px;width: 50%;height: 234px;background: #5b4a93; content: "";}
.index-pro .newbox:after{position: absolute;right: 0;top: 0;width: 50%;height: 241px;background: #f6f6f6;content: "";}
.index-pro .newbox .inner{width: 1200px;height: 472px;margin: 0 auto;position: relative; z-index: 1; background: url(../images/main_sec1_bg.png) no-repeat #fff;}
.index-pro .newbox .inner .img-wrap{position: absolute;left: 0;top: 0; width: 550px; height: 420px;}
.index-pro .newbox .inner .img-wrap img{position: absolute;top: 0;}
.index-pro .newbox .inner .text-wrap{position: relative;left: 580px; width:580px; padding-top: 42px;}
.index-pro .newbox .inner .text-wrap .tit{color: #fff;font-family: "Montserrat",sans-serif;font-size: 48px; letter-spacing: -0.5px; text-shadow: -2px 0 #5c4b96, 0 2px #5c4b96, 2px 0 #5c4b96, 0 -2px #5c4b96; -moz-text-shadow: -2px 0 #5c4b96, 0 2px #5c4b96, 2px 0 #5c4b96, 0 -2px #5c4b96;-webkit-text-shadow: -2px 0 #5c4b96, 0 2px #5c4b96, 2px 0 #5c4b96, 0 -2px #5c4b96;}
.index-pro .newbox .inner .text-wrap .txt{font-size: 36px;color: #252525;font-weight: bold; line-height: 46px;margin-top: 26px;}
.index-pro .newbox .inner .text-wrap .view {margin-top: 19px; position: relative; z-index: 1;}
.index-pro .newbox .inner .text-wrap .view  a{ font-size: 18px;font-weight: 100; color: #888888;border-bottom: 1px solid #888; padding-right: 13px;display: inline-block;position: relative;}
.index-pro .newbox .inner .text-wrap .view  a:after { position: absolute;top: 3px; right: 0; width: 7px; height: 13px; background: url(../images/main_sec1_view.png) no-repeat;content: "";}
.index-pro .newbox .inner .text-wrap .btn-wrap { margin-top: 51px;z-index: 1;  position: relative;}
.index-pro .newbox .inner .text-wrap .btn-wrap ul li { float: left;margin-left: 20px;}
.index-pro .newbox .inner .text-wrap .btn-wrap ul li button {width: 86px;height: 86px; background: url(../images/btn_bg.png) no-repeat;  box-sizing: border-box;  border-radius: 100%;  transition: all 0.3s ease-in;  position: relative;}
.index-pro .newbox .inner .text-wrap .btn-wrap ul li button:before { background-size: contain; content: "";  width: 100%; height: 100%; position: absolute;  left: 0;  top: 0;}
.index-pro .newbox .inner .text-wrap .btn-wrap ul li button.active {  background: url(../images/btn_active.png) no-repeat;}
label, button {border: 0 none; text-transform: none;cursor: pointer; overflow: hidden;}
.car-btn1:before{background: url(../images/DD_small.png) 50% 50% no-repeat;}
.car-btn2:before{background: url(../images/K_small.png) 50% 50% no-repeat;}
.car-btn3:before{background: url(../images/L_small.png) 50% 50% no-repeat;}





/*首页-新闻合集*/
.index-news{overflow: hidden; padding:50px 0px; background-color:#f2f1f0;}
.index-news .graybg{width:100%;position:relative;}
.index-news .bg{width:100%;}
.index-news .leftbox{display:block; width:55.5%; position:absolute; left:0; top:0; bottom:0; }
.index-news .leftbox p{position: absolute;bottom: 5%;font-size: 1.65rem;width: 100%;color: #fff; background:rgba(0,0,0,.8); text-align:center; padding:30px;}
.index-news .rightbox{display:block; width:44.5%; position:absolute; right:0; top:0; bottom:0; }
.index-news .rightbox .a1{display:block; width:100%; position:absolute; right:0; top:0;  background-color:red;}
.index-news .rightbox .a1 p{position: absolute;bottom: 10%;font-size: 1.1rem;width: 100%;color: #fff; text-align:center; }
.index-news .rightbox .a2{display:block; width:100%; position:absolute; right:0; bottom:0;  background-color:red;}
.index-news .rightbox .aabout{display:block; width:50%; height:100%;position:absolute; left:0; bottom:0;}
.index-news .rightbox .zhici{display:block; width:50%; height:100%;position:absolute; right:0; bottom:0;}
.index-news .leftbox img,.index-news .rightbox img{width:100%;}




.index-history{overflow:hidden; width:100%;/*background:url(../images/history_bg.jpg) no-repeat center center;*/ position:relative;}
.index-history .imgbg{width:100%}
.index-history .hcon{position:absolute; top:5%; left:5%; right:5%; }
.index-history .hcon h3{font-size:30px; color:#fff; text-align:center}
.index-history .hcon .years{ margin-top:10%; position:relative;}
.index-history .hcon .years span{font-size:28px; color:#fff; display:block; width:20%;float:left;  cursor:pointer;}
.index-history .hcon .years span.on{color:#da251c;}
.index-history .hcon .years span em{background-color:#f3281c; width:30px; height:30px; border-radius:15px; display:block}
.index-history .hcon .years .year1{margin-top:10%; text-indent:6%;}
.index-history .hcon .years .year2{margin-top:4%; text-indent:5%;}
.index-history .hcon .years .year3{margin-top:0%; text-indent:6%;}
.index-history .hcon .years .year4{margin-top:1%; text-indent:3.5%;}
.index-history .hcon .years .year5{margin-top:6%; text-indent:2.5%;}
.index-history .hcon .honor{width:28%; height:auto; padding:2%; text-align:center; background:rgba(255,255,255,.8); margin:22% auto auto;}
.index-history .hcon .honor .ccoo{line-height:30px;}







/*联系我们*/
.contact-info {margin-top: 100px;overflow: hidden;}
.contact-info .left,.contact-info .right{float: left;width: 50%;}
.contact-info .right{width: 40%;float: right;}
.contact-info .left{padding-left:15%;padding-top:100px }
.contact-info .right img{width: 100%;}

.contact-info .left h2{font-size:24px;font-weight:500;color:rgba(51,51,51,1);}
.contact-info .left p{font-size:16px;line-height: 24px;font-weight:300;color:rgba(102,102,102,1);text-transform: uppercase;margin-bottom: 15px;}
.contact-info .left p.en{font-size:16px;font-weight:500;color:rgba(243,86,76,1);margin: 10px 0 20px}

.contact-map{position: relative;}
.contact-map .box{padding: 100px 10%}
.contact-map .red{position: absolute;height: 200px;width: 50px;background: #EF473A}
.contact-map .red-left{top: 0;left: 0;}
.contact-map .red-right{bottom: 0;right: 0;}
.contact-map .box .ditu{height:498px}
/*百度官方地图*/
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

/*产品列表*/
.pronav{display:none; height: 80px;line-height:80px;position:absolute;bottom:-40px; background-color:#fff; left:18%;right:18%; }
.pronav .swiper-container{box-shadow:0px 6px 21px 0px rgba(11,1,0,0.28);border-radius:2px;}
.pronav .box .item{text-align: center;}
.pronav .box .item a.active{color: #da261d}
  /*重写swiper*/
.pronav .swiper-button-next, .pronav .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    z-index: 10;
    cursor: pointer;
    background-size: 30px 30px;
    background-position: center;
    background-repeat: no-repeat;
}
.pro-list{background: #f4f4f4;overflow: hidden;margin-top: 0px; }
.pro-list .box{padding-top:50px;padding-left: 10%;padding-right: 10%;}
.pro-list .box ul li{float: left;width: 32%;margin-left: 2%;margin-bottom:30px; background-color:#fff;}
.pro-list .box ul li:nth-child(3n+1){margin-left: 0;}
# .box ul li:nth-child(3n+1){margin-left: auto;}
.pro-list .box ul li img{width: 100%;}
.pro-list .box ul li p{text-align: center;font-size: 18px;margin-top: 10px;line-height: 60px;margin-bottom: 15px;}
.series{overflow:hidden; width:82%; margin:50px auto; padding-top: 80px;}
.series .left{overflow:hidden; width:48%; float:left; padding:2%; border:1px solid #ddd}
.series .right{overflow:hidden; width:48%; float:right; padding:2%; }
.series .right h2{color:#da251c; line-height:60px; font-size:24px; margin-bottom:20px;}
.series .right p{color:#919191; margin-top:20px; font-size:15px; line-height:28px;}
.series .right p span{display:block; font-weight:bold}
.seriesproducts{overflow:hidden;}
.seriesproducts .coon{ width:80%; margin:auto; overflow:hidden;}
.seriesproducts .coon .box{padding: 20px 0px;}
.seriesproducts .coon h2{ line-height:60px; margin-top:20px; font-weight:normal; font-size:20px;}
.seriesproducts .box ul li{margin-left:auto;border-right:1px solid #ddd;}
.application{overflow:hidden; margin-top:50px;}
.application h2{font-size:18px; line-height:80px; color:#464646; border-top:1px solid #ddd}
.application .imglist img{max-width:100%;}
.series .owl-carousel{width:100%;}
.series .owl-carousel .owl-controls{width: 100%;text-align: center;position: absolute;left: 0;z-index: 20;bottom:5px;}
.series .owl-carousel .owl-controls .owl-nav{display:none;}
.series .owl-carousel .owl-controls .owl-dots .owl-dot{display: inline-block;width: 12px;height: 12px;background:#ddd ;overflow: hidden;margin: 0 5px;cursor: pointer; border-radius:8px;}
.series .owl-carousel .owl-controls .owl-dots .active{background-color:#da251c; width:42px; height:10px;}

/*通用页码*/
.page{margin: 50px auto 50px; text-align: center;}
.page a{font-size:16px;text-align: center; width: 55px; border:1px solid rgba(221,221,221,1);
border-radius:3px;display: inline-block; color: #333; /*background-color: #f2f2f2; */line-height: 40px;}
.page a.prev{color:#999}
.page a.current, .page a:hover{background:#da251c; color: #fff;}

/*产品详情*/
.pro-detail{margin-bottom: 100px;}
.pro-detail .top{margin: 30px 0}
.pro-detail .top a{font-size:15px;float: left;margin-right: 80px;/*height: 24px;*/line-height: 28px;}
.pro-detail .top a.on{border-bottom: 2px solid #DA251C}

.pro-detail .bottom .box{display: none;}
.pro-detail .bottom .box .item{border-bottom: 2px solid #DDDDDD;}
.pro-detail .bottom .box .item:first-child{border-top: 2px solid #DDDDDD;}
.pro-detail .bottom .operate{height: 80px;line-height: 80px;}
.pro-detail .bottom .operate h2{float: left;font-size: 16px;}
.pro-detail .bottom .operate p{float: right;font-size: 50px;color: #666}
.pro-detail .bottom .content{padding: 20px 20px;display: none;}
.pro-detail .bottom .content .left{float: left;width: 30%;}
.pro-detail .bottom .content .left p{color: #666;line-height: 28px;}
.pro-detail .bottom .content .right{float: right;width: 60%;}
.pro-detail .bottom .content .right img{width: 100%;}
.pro-detail .bottom .box .open p.change{display: none;}
.pro-detail .bottom .box .open .content{display: block;}


















/*客户服务*/
.customer{margin-top: 80px;}
/*.customer{margin-top: 100px;}*/
/*内页部分公共宽度*/
.con{padding: 0 10%}
.promise {position: relative;}
.promise .info{text-align: center;width: 49%;background:rgba(255,255,255,1);float: left;box-shadow:0px 18px 42px 4px rgba(11,1,0,0.28);padding:200px 12%}
.promise  .pic{position: absolute;width: 49%;float: right;top: -300px;right: 0;}
.promise  .pic img{width: 100%;}
.promise .info h2{font-size:24px;font-weight:500;color:rgba(51,51,51,1);line-height: 48px;}
.promise .info p.en{font-size:16px;font-weight:400;color:rgba(243,86,76,1);line-height: 24px;}
.promise .info p.triangle{margin: 30px 0 50px;background: url(../images/triangleB.png) center no-repeat;height: 30px;}
.promise .info p.txt{font-size:24px;font-weight:500;color:rgba(243,40,28,1);line-height:36px;}

/*客服服务-技术*/
.tech{margin-top: 200px;margin-bottom: 120px;}
.Common_info{text-align: center; }
.Common_info h2{font-size:24px;font-weight:500;color:rgba(51,51,51,1);}
.Common_info p.en{font-size:16px;margin: 10px 0;font-weight:500;color:rgba(243,86,76,1);text-transform: uppercase}
.Common_info p.triangle{margin-bottom: 30px;background: url(../images/triangle.png) center no-repeat;height: 30px;}
.tech .content{padding: 0 24%;text-align: center;color: #666;}
.tech .content p{margin-top: 36px;line-height: 28px; font-size:15px;}

.download{position: relative;}
.download-con{padding:50px 10%;/*float: left;*/width:80%;width:100%;/*background: red;*/z-index: 999;box-shadow:0px 18px 42px 4px rgba(11,1,0,0.28);}
.black{width: 40%;/*float: right;*/height: 300px;margin-top: -100px;background: blue;z-index: 0;position: absolute;bottom: -100px;right: 0;}
/*此处和产品列表 样式层叠*/
/*.swiper-wrapper{padding: 0 10%;background: blue}*/
.download-con .swiper-wrapper .item{padding: 50px 0;}
.download-con .swiper-wrapper .item .top{color: #666;margin-bottom: 20px;}
.download-con .swiper-wrapper .item .top h2{float: left;font-weight:500;font-size: 16px;}
.download-con .swiper-wrapper .item .top p{float: right;}
.download-con .swiper-wrapper .item .bottom{height: 30px;line-height: 30px;}
.download-con .swiper-wrapper .item .bottom p{color:#999;}
.download-con .swiper-wrapper .item .bottom p.num{float: left;margin-right: 20px;}
.download-con .swiper-wrapper .item .bottom p.size{float: left;}
.download-con .swiper-wrapper .item .bottom a.save{display: inline-block;float: right;width: 80px;height: 30px;text-align: center;line-height: 30px;background: #333;color:#fff;border-radius: 4px;}

/*客户服务-留言*/
.message{margin-bottom: 120px;margin-top: 120px;}
.message .left,.message .right{float: left;width: 48%;}
.message .right{float: right;}
.message .left input{width: 100%;height: 60px;line-height: 60px;border:1px solid #ddd;margin-bottom: 26px;text-indent: 10px}
.message .right textarea{resize:none;width: 100%;border:1px solid #ddd;margin-bottom: 26px;text-indent: 10px;height: 260px;padding: 2%}
.message .right input{height: 40px;width: 150px;float: right;color:#fff;border-radius:4px;background: #333; font-weight:bold}




/*==========wenaoxiang===========*/
/*媒体中心*/
.news{overflow:hidden;}
.news .top{height:80px;}
.news .top a{font-size:15px;float: left;margin-right: 80px;line-height: 80px;}
.news .top a.on{color:#da251c}
.news .midbox{width:4px; position:absolute; left:50%; margin-left:-2px; top:0px; bottom:0px; /*background:url(../images/news_bg_top.gif) top center no-repeat,url(../images/news_bg_bottom.png) bottom center no-repeat;*/background-color:#fff; }
.news .newslist{overflow:hidden; position:relative; width:80%; margin:auto; padding-top:80px;}
.news .newslist .list{width:100%; overflow:hidden;}
.news .newslist .item{ margin-bottom:100px;position:relative;width: 50%;float:left}
.news .newslist .item .item-con{width:62%; background-color:#fff; padding:2% 2% 5%; }
.news .newslist .item .item-con .img{border-radius:5px; width:100%; }
.news .newslist .list .right{float:right;}
.news .newslist .list .item:nth-child(2){ margin-top:180px;}
.news .newslist .list .right .item-con{margin-left:38%;}
.news .newslist .list .item .dot{ right:-5px}
.news .newslist .list .right .dot{ left:-5px}
.news .newslist .item .infobox{padding:0 2%;margin-top: 4%;}
.news .newslist .item .date{display:block; border-radius:5px; background-color:#da251c; position:absolute; top:26%; right:5%;  z-index:9999;color: #fff; padding: 1% 2%;}
.news .newslist .list .right .date{ left:5%; right:auto;}
.news .newslist .item .title{font-size:18px; color:#525252; line-height:26px;}
.news .newslist .item .summary{font-size:14px; color:#c0c0c0; margin-top:20px; line-height:22px;margin-bottom:20px;}
.news .newslist .item .more{background-color:#000000; color:#fff; padding:4px 12px; border-radius:8px; font-size:12px; }
.news .newslist .item .dot{display:block; width:10px; height:10px; border-radius:5px; background-color:#333; position:absolute; top:28%; z-index:9999;}
.graybg{background-color:#f2f2f2}

/*.newsinfo{overflow:hidden; background:url(../images/news_info_img4.png) no-repeat top center; }*/
.newsinfo .banner-img{background-color:#000000; position:relative; padding:230px 0px;}
.newsinfo .banner-img img{max-width:40%; width:auto; position:absolute; bottom:-20%;}
.newsinfo .banner-img .specialnav{overflow:hidden; position:relative;}
.newsinfo .banner-img .banner-nav{overflow:hidden; position:absolute; bottom:-20%; right:10%; }
.newsinfo .banner-img .banner-nav a{font-size:17px; margin-left:40px; }
.newsinfo .banner-img .banner-nav a.on{color:#f3281c}
.newsinfo .banner-title{position:absolute; top:35%; right:10%; width:40%; line-height:40px; text-align:center;}
.newsinfo .banner-title h2{color:#f3281c; font-size:32px; position:relative; letter-spacing:3px; font-weight:normal }
.newsinfo .banner-title h2::after{content:""; position:absolute; left:45%; bottom:-30px; width:10%; height:2px; background-color:#fff;}
.newsinfo  .specialnav{overflow:hidden}
.newsinfo .bottom-img{width:15%; margin: auto; padding-bottom:160px;}
.newsinfo .bottom-img img{width:100%; }
.newsinfo .conbox{width:46%; float:right; padding:100px 0px}
.newsinfo .conbox p{font-size:16px; line-height:180%; margin-bottom:30px;}
.caste-ban2 { width: 100%; height: 526px; position: relative; }
.caste-ban2 .caste-pics2 { width: 100%; height: 526px; position: absolute; left: 0; top: 0; overflow: hidden; }
.caste-ban2 .caste-pics2 li { width: 100%; height: 526px; }
.caste-ban2 .caste-idxs { position: absolute; bottom: 20px; right: 0px; z-index: 100; }
.caste-ban2 .caste-idxs li { float: left; margin-left: 10px; width: 8px; height: 8px; border-radius: 13px; border: 2px solid #68b92e; text-indent: 999px; cursor: pointer; -ms-transition: background-color 1000ms,margin-top 500ms,border-color 1000ms; transition: background-color 500ms,margin-top 500ms; transition: background-color 1000ms,margin-top 500ms,border-color 1000ms; -webkit-transition: background-color 1000ms,margin-top 500ms,border-color 1000ms; -moz-transition: background-color 1000ms,margin-top 500ms,border-color 1000ms; -o-transition: background-color 1000ms,margin-top 500ms,border-color 1000ms; }
.caste-ban2 .caste-idxs li.on { background-color: #68b92e; border-color: #68b92e; }
.caste-ban2 > .w1200 { height: 526px; }
.vidbox { width: 100%; height: 526px; position: relative; left: 50%; margin-left: -50%; }
.caste-ban2 .caste-idxs{position: absolute;top: 480px;bottom: 20px;right: 0px;z-index: 100;width: 100%;}
.control_box{text-align: center;position: absolute;bottom: 10px;z-index: 99999;width: 100%;background: transparent;user-select: none;}
.control_box span{display: inline-block;background: #fff;padding: 0.25rem 1rem;border-radius: 30px;font-size: 0.52rem;cursor: pointer;border: 1px solid #e8e8e8;z-index: 99999;}
.control_box span.on{background: #da261d;color: #fff;}
.control_box span.vid::before{content: "";display: inline-block;border-width: 0.28rem 0.3rem;border-style: solid;border-color: transparent transparent transparent #000;vertical-align: middle;margin-top: -3px;}
.control_box span.num{position: absolute;bottom: 0;right: 10px;display: inline-block;padding: 0 0.6rem;background: rgba(161, 161, 161, 0.3);}
.control_box .vid.on::before{border-color: transparent transparent transparent #fff;}


.newsinfo{overflow:hidden;padding: 30px 0px;}
.newsinfo .newshead{overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:20px;}
.newsinfo .newshead h2{font-size:20px; font-weight:bold; color:#565656; text-align:center; margin-top:40px; line-height:40px;}
.newsinfo .newshead p{color:#808080; text-align:center; line-height:30px;}
.newsinfo .newscon{padding:35px 80px; margin-bottom:80px;}
.newsinfo .newscon p{font-size:16px; line-height:30px; margin-top:15px; text-indent:24px}
.newsinfo .newsfoot{overflow:hidden; padding-bottom:40px; width:1040px; margin:auto}
.newsinfo .newsfoot a{font-family:16px;display:block; width:50%;height:50px; line-height:50px;}
.newsinfo .newsfoot a.next{text-align:right}
.newsinfo .newsfoot a i{font-size:24px; line-height:50px; vertical-align: middle;}
.newsinfo .newsfoot a.pre i{margin-right:8px;}
.newsinfo .newsfoot a.next i{margin-left:8px;}
.newsinfo .wrapper{margin-bottom:60px;}
.pagetitl{position:relative; height:40px; margin-top: 70px;}
.pagetitl .line{ background-color:#f4f3f9; border:2px solid #dbe0e2; height:4px;}
.pagetitl p{min-width:160px; font-size:16px; text-align:center; padding:10px 20px;position:absolute; top:-35px;left: 50%;margin-left: -100px; background-color:#fff; line-height:25px;}